$(function () {
  init();



  function init() {
    //初始化当前为第一页
    var pageId = 1;
    // 就需要执行的代码
    getIndexmenu(pageId, function (res) {
      // 总条数
      var totalCount = res.totalCount;
      // 每页多少条
      var pagesize = res.pagesize;
      // 计算出有多少页
      var pageNum = Math.ceil(totalCount / pagesize);
      // console.log(pageNum)

      var htmlStr = '';
      // 拼接下拉页
      for (var i = 1; i <= pageNum; i++) {
        htmlStr += "<option value='" + i + "'>" + i + "/" + pageNum + "</option>";
      }
      // 渲染
      $("#selectPage").html(htmlStr);

    });

    $("#selectPage").val(pageId)


  }
  

  $("#selectPage").on("change", function () {

    getIndexmenu($(this).val());

  })

  // 获取首页导航菜单的数据
  function getIndexmenu(pageId, callback) {
    // 使用zepto发送请求
    // $.get("http://193.112.55.79:9090/api/getmoneyctrl",function (res) {
    //   console.log(res);

    //   // template(模板的id,要渲染的数据)
    //   var html=template("navTpl",{arr:res.result});
    //   // console.log(html);
    //   // 渲染
    //   $(".nav").html(html);

    //   var pagesize = res.pagesize;
    //   var totalCount = res.totalCount;
    //   var pageCount = Math.ceil(totalCount/pagesize);
    //   console.log(pageCount);



    //   // evnetList();

    // })

    $.ajax({
      dataType: "json",
      type: "get",
      data: {
        pageid: pageId - 1
      },
      url: "http://193.112.55.79:9090/api/getmoneyctrl",
      beforeSend: function () {
        console.log(pageId);
      },
      success: function (res) {
        // console.log(res);
        // template(模板的id,要渲染的数据)
        var html = template("navTpl", {
          arr: res.result
        });
        // console.log(html);
        // 渲染到ul中
        $(".nav").html(html);

        callback && callback(res);

        $("#selectPage").val(pageId);
      }
    });

  }

  //给按钮绑定点击事件
  $("#pre").on("click", function () {
    var pgid = $("#selectPage").val()
    getIndexmenu(--pgid);
  });
  $("#next").on("click", function () {
    var pgid = ($("#selectPage").val() - 0) > ($("#selectPage option").length - 1) ? ($("#selectPage option").length - 1) : $("#selectPage").val();
    getIndexmenu(++pgid);
  });
})